<!DOCTYPE html>
<html>
<head>
    <title>智能箱子-管理员系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/bootstrap-responsive.css" rel="stylesheet" media="screen">
    <style type="text/css">
        .bs-docs-sidenav.affix {
            top: 40px;
        }

        /*  >表示第一个子元素  */
        .bs-docs-sidenav > li:first-child > a {
            -webkit-border-radius: 6px 6px 0 0;
            -moz-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
        }
        .bs-docs-sidenav > li:last-child > a {
            -webkit-border-radius: 0px 0px 6px 6px;
            -moz-border-radius: 0px 0px 6px 6px;
            border-radius: 0px 0px 6px 6px;
        }
        .nav-list>.active>a{
            background-color: #5CADAD;
        }
        .nav-list>.active>a:hover{
            background-color: #5CADAD;
        }
        a {
            color: #475963;
            text-decoration: none;
            font-size:16px;
        }
        .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus{
            background-color: #5CADAD;
        }

    </style>
    <link rel="stylesheet" type="text/css" href="css/style.css">

    <script src="lib/jq/jquery-2.1.1.min.js"></script>
    <script src="lib/jq/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.qrcode.min.js"></script>
</head>
<body style="background-color: #ADD8E6;">
<div class="page-header" style="margin:0">
    <h3 style="height:40px;margin:0;display: inline"><strong><span style="color: #F5F5F5">Box-Management</span></strong>
    </h3>
    <a href="/logout">
        <button style="float:right;margin-right:2%;margin-top:5px;width:55px;height:28px;background-color:#DBDBDB;border:1px solid #DBDBDB;border-radius:3px;">退出</button>
    </a>
</div>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span2">
            <div class="tabbable tabs-left" style="padding:5px;margin-top:22px;">
                <ul style="text-align:center;border:1px solid #ADD8E6;border-radius: 8px;padding: 0;background-color:#DBDBDB" class="nav nav-list bs-docs-sidenav affix-top">
                    <li class="" style="border-bottom:1px solid #B9B9FF;">
                        <a href="/box_management/box?num=1" target="main" style="font-family:Consolas;line-height:45px;margin:0">箱子管理<img style="margin-left: 30%" src="/images/icon.png"></a>
                    </li>
                    <li class="" style="border-bottom:1px solid #B9B9FF;">
                        <a href='/box_management/code?num=1&&sim=ok' target="main" style="line-height:45px;margin:0">Sim管理<img style="margin-left: 30%" src="/images/icon.png"></a>
                    </li>
                    <li class="" style="border-bottom:1px solid #B9B9FF;">
                        <a href="/box_management/buyer?num=1" target="main" style="line-height:45px;margin:0">用户管理<img style="margin-left: 30%" src="/images/icon.png"></a>
                    </li>
                    <li class="" style="border-bottom:1px solid #B9B9FF;">
                        <a href="/box_management/fault?num=1" target="main" style="line-height:45px;margin:0">故障管理<img style="margin-left: 30%" src="/images/icon.png"></a>
                    </li>
                    <li class="" style="border-bottom:1px solid #B9B9FF;">
                        <a href="/box_management/log?num=1" target="main" style="line-height:45px;margin:0">操作记录<img style="margin-left: 30%" src="/images/icon.png"></a>
                    </li>
                    <li class="" style="border-bottom:1px solid #B9B9FF;">
                        <a href="/box_management/update_pwd" target="main" style="line-height:45px;margin:0">修改密码<img style="margin-left: 30%" src="/images/icon.png"></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="span10" style="padding-right: 10px;padding-top: 15px" height="100%">
            <div class="" style="margin-top:10px;">
                <iframe width="100%" style="border:1px solid #ADD8E6;border-radius: 6px"  height="750px" name="main" scrolling="no" frameborder=0 src="/box_management/main"></iframe>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function() {
        $('.nav li').click(function(e) {
            $('.nav li').removeClass('active');
            //$(e.target).addClass('active');
            $(this).addClass('active');
        });
    });

</script>
</body>
</html>